
<form name="editForm" role="form" novalidate ng-submit="vm.save()">

    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"
                ng-click="vm.clear()">&times;</button>
        <h4 class="modal-title" id="myExpertOpinionLabel" data-translate="byibserverApp.expertOpinion.home.createOrEditLabel">Create or edit a Expert Opinion</h4>
    </div>
    <div class="modal-body">
        <jhi-alert-error></jhi-alert-error>
        <div class="form-group" ng-show="vm.expertOpinion.id">
            <label for="id" data-translate="global.field.id">ID</label>
            <input type="text" class="form-control" id="id" name="id"
                    ng-model="vm.expertOpinion.id" readonly />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="byibserverApp.expertOpinion.expertHeaderImg" for="field_expertHeaderImg">Expert Header Img</label>
            <input type="text" class="form-control" name="expertHeaderImg" id="field_expertHeaderImg"
                    ng-model="vm.expertOpinion.expertHeaderImg"
                    />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="byibserverApp.expertOpinion.honor" for="field_honor">Honor</label>
            <input type="text" class="form-control" name="honor" id="field_honor"
                    ng-model="vm.expertOpinion.honor"
                    />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="byibserverApp.expertOpinion.expertName" for="field_expertName">Expert Name</label>
            <input type="text" class="form-control" name="expertName" id="field_expertName"
                    ng-model="vm.expertOpinion.expertName"
                    />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="byibserverApp.expertOpinion.expertComment" for="field_expertComment">Expert Comment</label>
                <textarea class="form-control" name="expertComment" id="field_expertComment"
                    ng-model="vm.expertOpinion.expertComment" ></textarea>
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="byibserverApp.expertOpinion.expertScore" for="field_expertScore">Expert Score</label>
            <input type="text" class="form-control" name="expertScore" id="field_expertScore"
                    ng-model="vm.expertOpinion.expertScore"
                    />
        </div>
        <div class="form-group">
            <label class="control-label" data-translate="byibserverApp.expertOpinion.date" for="field_date">Date</label>
                <div class="input-group">
                    <input id="field_date" type="text" class="form-control" name="date" datetime-picker="{{dateformat}}" ng-model="vm.expertOpinion.date" is-open="vm.datePickerOpenStatus.date"
                    />
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="vm.openCalendar('date')"><i class="glyphicon glyphicon-calendar"></i></button>
                    </span>
                </div>
        </div>

        <div class="form-group">
            <label data-translate="byibserverApp.expertOpinion.product" for="field_product">Product</label>
            <select class="form-control" id="field_product" name="product" ng-model="vm.expertOpinion.productId" ng-options="product.id as product.productName for product in vm.products"            >
                <option value=""></option>
            </select>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="vm.clear()">
            <span class="glyphicon glyphicon-ban-circle"></span>&nbsp;<span data-translate="entity.action.cancel">Cancel</span>
        </button>
        <button type="submit" ng-disabled="editForm.$invalid || vm.isSaving" class="btn btn-primary">
            <span class="glyphicon glyphicon-save"></span>&nbsp;<span data-translate="entity.action.save">Save</span>
        </button>
    </div>
</form>
